{% extends "layout/base.html" %}

{% block content %}

	<link rel="stylesheet" href="{{ MEDIA_URL }}css/calendar.css?random=20051112" type="text/css" media="screen" /> 
    <script type="text/javascript" src="{{ MEDIA_URL }}js/calendar.js?random=20060118"></script>
   <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-ui-1.8.6.custom.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/aucompleteCity.js"></script>

	<h1>Rechercher un trajet</h1>
	<form method="post" action="/basic_search/" id="form_search">
		<div><label for="city_d">Ville de départ</label>
		<input type="text" name="city_d" id="city_d" size="18" /></div>
		
        <div><label for="city_a">Ville d'arrivée</label>
		<input type="text" name="city_a" id="city_a" size="18" /></div>
		
        <div><label for="date">Date</label>
            <input type="text" value=""  name="date" size="18"  style="width:130px" class="date" onclick="displayCalendar(this,'yyyy-mm-dd',this,true)"/>
        </div>
        
		<input type="submit" class="submit_search" value="Rechercher" />
      
	</form>

	<h1>Les plus du co-voiturage</h1>
	<div class="block_home">
		<img alt="Co-voiturage écologique Fac By Car" src="/media/images/co-voiturage-ecologique-umlv.jpg"/>
		<h2>Ecologique</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
	</div>
	<div class="block_home">
		<img alt="Co-voiturage écologique Fac By Car" src="/media/images/co-voiturage-economique-umlv.jpg"/>
		<h2>Economique</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
	</div>
	<div class="block_home rencontres">
		<img alt="Co-voiturage écologique Fac By Car" src="/media/images/co-voiturage-rencontres-umlv.jpg"/>
		<h2>Rencontres</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
	</div>
	
	
	<div id="last_route">
		<h1>Derniers trajets</h1>
		<p><a class="driver" title="Co-voiturage : Chelles > UMLV" href="#"><span>Chelles > UMLV</span> | 14/11/2010 | 3 pl.</a></p>
		<p><a class="driver" title="Co-voiturage : Torcy > UMLV" href="#"><span>Torcy > UMLV</span> | 22/11/2010 | 1 pl.</a></p>
		<p><a class="passenger" title="Co-voiturage : Pontault-Combault > UMLV" href="#"><span>Pontault-Combault > UMLV </span>| 25/11/2010 </a></p>
		<p><a class="passenger" title="Co-voiturage : UMLV > Paris" href="#"><span>UMLV > Paris</span> | 25/11/2010 </a></p>
		<p><a class="driver" title="Co-voiturage : UMLV > Champs-sur-Marne" href="#"><span>UMLV > Champs-sur-Marne</span> | 28/11/2010 | 2 pl.</a></p>
		<p class="more"><a title="Derniers trajets Fac by car" href="#">Voir tous les derniers trajets</a></p>
	</div>
	
	<div id="last_minute_route">
		<h1>Trajets de dernière minute</h1>
		<p><a class="driver" title="Co-voiturage : Chelles > UMLV" href="#"><span>Chelles > UMLV</span> | 14/11/2010 | 3 pl.</a></p>
		<p><a class="driver" title="Co-voiturage : Torcy > UMLV" href="#"><span>Torcy > UMLV</span> | 22/11/2010 | 1 pl.</a></p>
		<p><a class="passenger" title="Co-voiturage : Pontault-Combault > UMLV" href="#"><span>Pontault-Combault > UMLV </span>| 25/11/2010 </a></p>
		<p><a class="passenger" title="Co-voiturage : UMLV > Paris" href="#"><span>UMLV > Paris</span> | 25/11/2010 </a></p>
		<p><a class="driver" title="Co-voiturage : UMLV > Champs-sur-Marne" href="#"><span>UMLV > Champs-sur-Marne</span> | 28/11/2010 | 2 pl.</a></p>
		<p class="more"><a title="Derniers trajets Fac by car" href="#">Voir tous les trajets de dernière minute</a></p>
	</div>
    

	<div id="map_canvas" style="width:0; height:0px; visibility:hidden"></div>
{% endblock content %}
